DESIGN-SYSTEM-NATIVE CANVAS

Your system in. Real React out.

Veect composes screens from your own tokens and components — and the code it exports imports your real library. Nothing generic, nothing thrown away.

Open the canvas → Read the code

try it — the panel on the right is live

FIVE TOKENS — WATCH THE KIT FOLLOW

radius {{ radiusLabel }}

Get started Docs NEW

you@company.com

Notifications your tokens · live

0 UNREGISTERED ELEMENTS
ACROSS A 100-PROMPT EVAL

<10% LOC CHANGED PRE-MERGE —
THE ENGINEER IS THE JUDGE

<20 min SIGN-IN TO YOUR FIRST
EXPORTED, ON-BRAND SCREEN

WHY IT HOLDS

Other tools re-invent your UI. Veect is constrained to it.

01 — YOUR COMPONENTS The canvas renders the real thing One runtime backs canvas, preview and export. "Roughly how it'll look" is the lie that makes handoff lossy — Veect never tells it.

02 — YOUR TOKENS Change once, everywhere Edit brand-500 and watch every bound component ripple on canvas and in code — the system stays the single source of truth.

03 — REAL IMPORTS Code an engineer would merge Export imports your mapped library — import paths, prop names and all. Not inlined clones. That is the whole trust bar.

THE GRACEFUL REFUSAL

When AI can't stay on-system, it says so.

Ask for something your registry can't express and Veect refuses — then offers to compose it from your primitives. It never fails open to generic markup. Across a 100-prompt eval: zero unregistered elements.

A hero with a spinning 3D globe

You don't have a component for this yet. Compose from primitives Not now

an error state, elevated to a signature moment

Home.tsx in sync

import { Button, Card, TextField } from "@solstice/ui";
 
export default function Home() {
  return (
    <main className="flex flex-col bg-white">
      <Button kind="primary">Start free</Button>
    </main>
  );
}

          prettier ✓tsc --noEmit ✓imports your library
        

TRUST IS EARNED IN THE OPEN

The code is a keystroke away — and it's yours.

Nudge a component and the code updates in lockstep. Deterministic output — same tree, same code — that passes Prettier, tsc and your reviewer's patience.

POLISH — THE IMPECCABLE PASS

On-brand and genuinely well-designed.

One pass critiques spacing, hierarchy and contrast against a craft standard — and fixes them in your tokens, with the why. Try it.

New — shared team calendars Scheduling that feels like sunlight Every timezone, handled kindly.

Start free Book a demo

What you design is what ships.

Open the canvas →

veect working name · design-partner MVP tokens in · react out · impeccable by default